<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>title</title>
	<script src="bower_components/react/react.js"></script>
	<script src="js/jquery-1.12.3.js"></script>
    <script src="bower_components/react/react-dom.min.js"></script>
    <script src="bower_components/react/browser.min.js"></script>
	<link rel="stylesheet" href="css/bassic.css"/>
    <link rel="stylesheet" type="text/css" href="iconfont/iconfont.css"/>
	</head>

	<body>
			<div class="App">
				<div class="login-content">
                    <div class="login-header">
                        <span class="login_l"><i class="iconfont left">&#xe614;</i></span>
                        <span class="login_h">密码登录</span>
                        <span class="login_d"><span class="messg-login">短信登录</span></span>
                    </div>

              <div class="login-main">
                  <form class="myform" enctype="multipart/form-data" method="post">
                      <input placeholder="手机号/邮箱/用户名" class="phone" name="phone"/><br/>
                      <input placeholder="密码" class="password" name="password"/>
                  </form>
                
              </div>

              <input type="button" value="登录" id="pwdbtn"/>
              	<p class="about">关于我们</p>
          	</div>


			<div class="toast">
				
			</div>

		</div>
					








		<script type="text/javascript">
			$(function() {
				var flag=false;

				 $('.left').click(function(){
                    window.location.replace("msglogin.html");
                })    

			$('.messg-login').click(function(){
                    window.location.replace("msglogin.html");
                })

			$('#pwdbtn').click(function(){
				
				if ($(".phone").val()=="") {
					$('.toast').fadeIn(1000).html("手机号/邮箱/用户名不能为空").fadeOut(1000);
					flag=false;
				}
				 else if ( $(".password").val()=="") {
					$('.toast').fadeIn(1000).html("密码不能为空").fadeOut(1000);
					flag=false;
				}	
				
			})	    
			})
			
		</script>

	</body>
</html>
